<template>
  <button class="cdnButton">{{ text }}</button>
</template>

<script setup>

const { text } = defineProps({
  text: String,
});

</script>

<style lang="scss" scoped>
.cdnButton {
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 32px;
  color: #005293;
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #005293;
  cursor: pointer;
  // height: 2.5em;
  height: 35px;
  padding: 0 1.2em;
}
.cdnButton:hover {
  background-color: #005293;
  color: #fff;
}
</style>